<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html" ; charst="utf-8" />
		<title>李长春</title>
		<link href="css/main.css" type="text/css" rel="stylesheet" />
		<style>
			a:hover {
				text-decoration: underline;
				text-decoration-color: red;
			}
			p {
				margin-left: 500px;
			}
		</style>
	</head>
	<body>
		<form action="#">
			<input type="hidden" id="userid" name="userid" value="1" />
			<p>
				<label for="userName">用户名</label>
				<input type="text" id="userName" name="userName" value="makabaka" readonly />
			</p>
			<p>
				<label for="password">密码</label>
				<input type="password" id="password" name="password" value="123456" />
			</p>
			<p>
				<label for="sex">性别</label>
				<input type="radio" name="sex" value="male" checked /> 男
				<input type="radio" name="sex" value="female" /> 女
			</p>
			<p>
				<label for="love">爱好</label>
				<input type="checkbox" name="love" value="打游戏" />打游戏
				<input type="checkbox" name="love" value="听歌" checked />听歌
				<input type="checkbox" name="love" value="赏风景" />赏风景
			</p>
			<p>
				<select id="city" name="city">
					<option value="重庆">重庆</option>
					<option value="北京">北京</option>
					<option value="江南">江南</option>
					<option value="广东">广东</option>
				</select>
			</p>
			<p>
				<textarea name="desc" id="desc" cols="20" rows="4"></textarea>
			</p>
			<p>
				<input type="button" name="btn01" value="按钮" />
				<input type="reset" name="btn02" value="重置" />
				<input type="submit" name="btn03" value="提交" />
			</p>
			<p>
				<input type="date" name="currentDate" />
				<input type="number" min="1" max="10" step="1" />
				<input type="emial" />
			</p>
			<p>
				<input list="d1" />
				<datalist id="d1">
					<option value="licahngchun">韩信</option>
					<option value="ranyunfei">甘雨</option>
				</datalist>
			</p>
		</form>

		<table>
			<tr style="height: 40px; vertical-align: top">
				<td>id</td>
				<td>name</td>
				<td>age</td>
			</tr>
			<tr>
				<td>1</td>
				<td>wan</td>
				<td>20</td>
			</tr>
			<tr>
				<td>2</td>
				<td>li</td>
				<td>20</td>
			</tr>
			<tr>
				<td>3</td>
				<td>gu</td>
				<td>20</td>
			</tr>
		</table>

		<ul type="squre">
			<li>这是标签1</li>
			<li>这是标签2</li>
			<li>这是标签3</li>
		</ul>
		<ol start="1">
			<li>coffee</li>
			<li>Tea</li>
			<li>Milk</li>
		</ol>
		<dl>
			<dt>一级标签1</dt>
			<dd>二级标签1</dd>
			<dd>二级标签2</dd>
			<dd>二级标签3</dd>
			<dt>一级标签2</dt>
			<dd>二级标签4</dd>
			<dd>二级标签5</dd>
			<dd>二级标签6</dd>
		</dl>

		<video src="video/wuliuqi.mp4" width="600px;" height="400px;" controls="controls"></video><br />
		<audio src="music/周杰伦 - 蒲公英的约定.mp3" controls="controls">蒲公英的约定</audio><br />
		<img src="image/zhangyu.png" width="700" , height="341" />
		<img src="image/zhangyu2.jpg" width="700" , height="341" />
		<img src="image/zhangyu3.jfif" width="700" , height="341" />
		<img src="image/zhangyu4.jfif" width="700" , height="341" /><br />

		<a href="https://www.baidu.com/" target="_blank" style="margin-left: 500px">百度</a>
	</body>
</html>
